<template>
	<div class="User_Service">
		<div class="ga"></div>
		<div class="User_Service_top">
			<h3>我的服务</h3>
		</div>
		<div class="User_Service_bottom">
			<ol>
				<li>
					<i class="iconfont">&#xe60f;</i>
					<p>常用收获地址</p>
				</li>
				<li>
					<i class="iconfont">&#xe728;</i>
					<p>常用出行人</p>
				</li>
				<li>
					<i class="iconfont">&#xe669;</i>
					<p>修改密码</p>
				</li>
				<li>
					<i class="iconfont">&#xe625;</i>
					<p>在线客服</p>
				</li>
				<li>
					<i class="iconfont">&#xe627;</i>
					<p>游侠客APP</p>
				</li>
			</ol>
		</div>
	</div>
</template>

<script>
	export default{
		name:'User_Service',
		data(){
			return{
			}
		}
		
	}
</script>

<style scoped>
	.ga{
		width: 100%;
		height: 1rem;
		background-color: #f5f5f5;
	}
	.User_Service{
		height: 15rem;
		width: 100%;
	}
	.User_Service .User_Service_top{
		margin-top: 1rem;
		line-height: 2rem;
		text-indent: 1rem;
		font-size: 1.2rem;
		font-weight: bolder;
	}
	.User_Service .User_Service_bottom{
		height: 10rem;
		text-align: center;
	}
	.User_Service .User_Service_bottom li{
		width: 25%;
		margin-top: 1rem;
		float: left;
		line-height: 2rem;
		
	}
	.User_Service .User_Service_bottom i{
		font-size: 1.5rem;
	}
	.User_Service .User_Service_bottom p{
		font-size: 0.5rem;
	}
	
</style>
